<template>
  <mt-picker :slots="slots" @change="onValuesChange"></mt-picker>
</template>
<script>
  export default {
    data() {
      return {
        slots: [{
          flex: 1,
          values: ['中国建设银行', '中国农业银行', '中国银行', '中国工商银行', '交通银行',
            '中信银行', '深圳发展银行', '广东发展银行', '中国民生银行', '招商银行', '华夏银行', '中国光大银行', '兴业银行', '上海浦东发展银行', '中国邮政储蓄银行'
          ],
          className: 'slot1',
          textAlign: 'center'
        }]
      }
    },
    methods: {
      onValuesChange(picker, values) {
        console.log(picker, values);
        var data = {
          backName: values[0]
        }
        this.$emit('pickerChange', data)
      },
    },
    components: {

    }
  }

</script>
<style lang="less" scoped>
</style>
